<emoji-avatar [avatar]="knowledgebase().avatar" large class="shrink-0 rounded-md overflow-hidden shadow-sm mr-2" />

<div class="flex flex-col items-start overflow-hidden">
  <div class="max-w-full whitespace-nowrap text-ellipsis overflow-hidden">{{knowledgebase().name}}</div>
  <div class="text-sm text-token-text-secondary line-clamp-3" [title]="knowledgebase().description">{{knowledgebase().description}}</div>
</div>